body{background:#e1e2e6;}  

.head-top{width:95%;margin-left:3%;margin-top:2%;overflow: hidden;font-size:3vw;margin-bottom:2%;font-size:3vw;padding-bottom: 2%;}
.head{width:100%;background: #fff;}
.add-friend{float: left;width: 50%;margin-left:2%;margin-top: 2%;}
.add-friend span{font-size: 3vw;font-weight: 900;}
.person-pic{width: 20%;float: left;} 
.person-pic img{width:100%;}
.logo{vertical-align:middle;width:12%;}
.add{margin-top: 4%;  width: 68%;}
.introduce{margin-top:1%;margin-left:4%;border-bottom:1px #dedede solid;  padding-bottom: 2%;width:94%;}
.introduce p{color: #a2a2a2;font-size: 3vw;}
.head-top li{width: 18%;display: block; float: left;text-align: center;padding:1% 3%;border-right: 1px solid #dedede;}
.head-top li:last-child{border-right:none;}
.head-top li p:first-child{color:#379bfc}
.head-top li p:nth-child(2){color:#777777}
.comment{width:90%;background: #fff;margin-left:4%;margin-top:2%;overflow:hidden;}
.div-head{border-bottom: 1px solid #c7cad8;}
.div-head p{font-size:4.5vw;padding:2%;font-weight: 900;color: #6e6e6e;}

.div-pic{float: left;width:30%;margin-left:3%;margin-top:4%;margin-bottom:3%;}
.div-pic img{width:100%;}

.div-word{  float: left;
  width: 62%;
  margin-left: 3%;
  margin-top: 4%;
  color: #9f9f9f;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.div-word p{font-size:3vw;color:#9f9f9f;}

.scan{float: right;margin-right:3%;margin-top:5%;  width: 28%;} 
.scan span{color:#b3b3b3; font-size:3vw;margin-top:3%;}
.scan img{width:20%;vertical-align: middle;}
